@charset "utf-8";
:root {
    --pbmit-global-color: #2d96cd;
    --pbmit-secondary-color: #000;
    --pbmit-secondary-colorc: #0c0c0c;
    --pbmit-light-color: #f6f6f6;
    --pbmit-white-color: #ffffff;
    --pbmit-white-color-rgb: 255, 255, 255;
    --pbmit-blackish-color: #403226;
    --pbmit-blackish-color-rgb: 64, 50, 38;
    --pbmit-link-color-normal: #403226;
    --pbmit-link-color-hover: #2d96cd;
    --pbmit-global-color-rgb: 187, 154, 101;
    --pbmit-secondary-color-rgb: 64, 50, 38;
    --pbmit-responsive-breakpoint: 1200px;
    --pbmit-body-typography-font-family: 'Roboto', sans-serif;
    --pbmit-body-typography-variant: 300;
    --pbmit-body-typography-font-size: 16px;
    --pbmit-body-typography-line-height: 1.6;
    --pbmit-body-typography-color: #666666;
    --pbmit-body-typography-color1: #111;
    --pbmit-body-typography-color2: #222;
    --pbmit-body-typography-color3: #333;
    --pbmit-body-typography-color4: #444;
    --pbmit-body-typography-color5: #555;
    --pbmit-body-typography-color7: #777;
    --pbmit-body-typography-color8: #888;
    --pbmit-body-typography-color9: #999;
    --pbmit-body-typography-colorf9: #ff9800;
    --pbmit-body-typography-colorfd6: #d6e4f6;
    --pbmit-heading-typography-font-family: "Space Grotesk", sans-serif;
    --pbmit-heading-color: #403226;
    --pbmit-heading-font-variant: 700;
    --pbmit-btn-typography-font-family: "Space Grotesk", sans-serif;
    --pbmit-btn-typography-variant: 600;
    --pbmit-btn-typography-font-size: 16px;
    --pbmit-btn-typography-line-height: 24px
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol,
ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time,
blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select {
    margin: 0;
    padding: 0;
}

ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
    outline: none;
    color: #666;
}

img {
    border: 0;
}

table {
    border-collapse: collapse;
    width: 100%;
}

input[type='reset'],
input[type='button'],
input[type='submit'],
input[type='radio'] {
    cursor: pointer;
    outline: none;
}

input[type='checkbox'],
input[type='radio'] {
    position: relative;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-right: 5px;
}

textarea,
input[type='email'],
input[type='date'],
input[type='password'],
input[type='text'] {
    padding: 0px;
    color: #666;
    outline: none;
}

.f-l {
    float: left;
}

.f-r {
    float: right;
}

.clearfix:after {
    clear: both;
    height: 0;
    content: "";
    line-height: 0;
    font-size: 0;
    display: block;
}

/*图片垂直水平居中*/
.vcenter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding: 0;
}

.row {
    margin: 0;
}

.container {
    max-width: 1400px;
    padding: 0;
    margin: 0 auto;
}

.translateSelectLanguage {
    display: block;
    width: 120px;
    margin-right: 15px;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#translate {
    display: none
}



body{
    overflow-x:hidden;
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding:0 15px}
a:hover{    text-decoration: none;color:#6831e3}
::placeholder{color:#fff;opacity:1}

img {backface-visibility:hidden;-webkit-backface-visibility:hidden;/* Chrome 和 Safari */-moz-backface-visibility:hidden;/* Firefox */-ms-backface-visibility:hidden;/* Internet Explorer */}
/*.main-banner,.owl-banner,.testimonials,.testimonials .owl-wrapper-outer{overflow:hidden}*/
.owl-banner .owl-wrapper-outer{overflow:hidden}

.header-area{position:absolute;background-color:transparent;top:40px;left:0;right:0;z-index:100;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.background-header{background:linear-gradient(45deg,#6831e3,#7a6ad8);position:fixed;top:0!important;padding:20px 0;z-index:99999;border-radius:0x}
.header-area .col-12{padding-right:0;padding-left:0}
.header-area .main-nav{background:0 0;display:flex; align-items: center;}
.main-banner{overflow:hidden;    position: relative;}
.main-banner .container{
    position: relative;
    z-index: 1;
}
.main-banner .item{height: 100%; }
.main-banner,.main-banner .item{background-repeat:no-repeat;background-size:cover}
.main-banner .owl-item{
    position: relative;
}
.main-banner .item video{
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 0;
}
.main-banner .item .header-text{
    position: relative;
    z-index: 99;}
.header-area .main-nav .logo{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;display:inline-block;width:360px;display: flex;flex-direction: row;align-items: center;}
.header-area .main-nav .logo img{width: 36px;filter: brightness(100);margin-right: 10px;margin-top: 4px}
.header-area .main-nav .logo h1{font-size:34px;text-transform:uppercase;color:#fff;font-weight:400;margin-right:20px;padding-right:20px;border-right:1px solid rgba(250,250,250,.3)}
.events .item,.events .item .image,.header-area .main-nav #search,.service-box-media{position:relative}
.header-area .main-nav #search input{background-color:rgba(255,255,255,.1);height:44px;width:250px;border-radius:23px;border:none;color:#fff;font-size:14px;font-weight:300;padding:0 20px;}
.header-area .main-nav #search input:hover{transition:.3s;}

.header-area .main-nav #search i{position:absolute;color:#fff;right:20px;top:10px;font-size:16px}
.header-area .main-nav ul.nav{border-radius:0 0 25px 25px;flex-basis:100%;margin-right:0;justify-content:right;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;position:relative;z-index:999}
.header-area .main-nav .nav li:last-child{padding-right:0}
.header-area .main-nav .nav li{padding-left:5px;padding-right:5px;height:40px;line-height:40px;position: relative;}
.header-area .main-nav .nav li a{display:block;padding-left:15px;padding-right:15px;border-radius:20px;font-weight:300;font-size:14px;height:40px;line-height:40px;text-transform:capitalize;color:#fff;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;border:transparent;letter-spacing:.25px}
.header-area .main-nav .nav li:hover a{opacity:.8}
.header-area .main-nav .nav li a.active{color:#fff;background-color:rgba(255,255,255,.1);opacity:1}

.header-area .main-nav .nav li .dropdown_menu{
    display: none;
    padding: 10px 10px;
    position: absolute;
    background: #6253b3a3;
    width: 100%;
    z-index: 999;
    border-radius: 20px 20px;
}
.header-area .main-nav .nav li .dropdown_menu a{padding: 0;height: 32px;line-height: 32px;font-size: 0.82rem;text-align: center}
.header-area .main-nav .nav li:hover .dropdown_menu{display: block}

.header-area .main-nav .menu-trigger{cursor:pointer;position:absolute;top:33px;width:32px;height:40px;text-indent:-9999em;z-index:99;right:20px;display:none}
.header-area .main-nav .menu-trigger span,.header-area .main-nav .menu-trigger span:after,.header-area .main-nav .menu-trigger span:before{-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s;background-color:#fff;display:block;position:absolute;width:30px;height:2px;left:0}
.header-area .main-nav .menu-trigger span:after,.header-area .main-nav .menu-trigger span:before{-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s;background-color:#fff;display:block;position:absolute;height:2px;left:0;width:75%;content:""}
.header-area .main-nav .menu-trigger span{top:16px}
.header-area .main-nav .menu-trigger span:before{-moz-transform-origin:33% 100%;-ms-transform-origin:33% 100%;-webkit-transform-origin:33% 100%;transform-origin:33% 100%;top:-10px;z-index:10}
.header-area .main-nav .menu-trigger span:after{-moz-transform-origin:33% 0;-ms-transform-origin:33% 0;-webkit-transform-origin:33% 0;transform-origin:33% 0;top:10px}
.cate-list .ul .li.active a,.header-area.header-sticky .nav li a.active,.in_youshi .item .list:hover .text .con,.in_youshi .item .list:hover .text .shu,.in_youshi .item .list:hover .text .title{color:#fff}
.main-banner .item .buttons .icon-button i,.main-banner .item .buttons .main-button a{color:#7a6ad8;height:50px;display:inline-block;background-color:#fff;line-height:50px}
@media (max-width:1200px){
    .header-area .main-nav .nav li{padding-left:2px;padding-right:2px}
.header-area .main-nav .nav li a{padding-left:10px;padding-right:10px}
.header-area .main-nav #search input{width:200px}
.fun-facts:before{width:95%}

}
.owl-banner{margin-left: 130px;}
.owl-banner .owl-wrapper-outer{border-radius:25px;}
.main-banner{background-image:url(https://hbsjsdoss.oss-cn-zhangjiakou.aliyuncs.com/data01-img/20241231/93977083168396674132.jpg);background-position:right bottom;padding:170px 0 120px;display:flex}
.owl-banner .owl-wrapper{display:flex!important;overflow:hidden;justify-content:flex-start}
.owl-banner.owl-carousel{width: 95%!important;}
.main-banner .item{background-position:center center;padding:130px 100px;margin-left:0px}
.main-banner .item span.category{background-color:#7a6ad8;color:#fff;font-size:14px;text-transform:uppercase;padding:5px 15px;border-radius:20px;display:inline-block;margin-bottom:50px}
.main-banner .item h2{font-size:48px;font-weight:700;color:#fff;line-height:70px;width:60%;margin-bottom:40px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;text-shadow: 2px 2px 0 rgba(0, 0, 0, .2), 4px 4px 0 rgba(0, 0, 0, .3), 6px 6px 0 rgba(0, 0, 0, .4);
    letter-spacing: 3px;}
.main-banner .item p{color:#fff;width:65%;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.main-banner .item .buttons{display:flex;margin-top:50px}
.main-banner .item .buttons .main-button{margin-right:30px}
.main-banner .item .buttons .main-button a{font-size:14px;padding:0 25px;border-radius:25px;font-weight:500}
.main-banner .item .buttons .icon-button i{width:50px;text-align:center;border-radius:50%;margin-right:10px;font-size:16px}
.main-banner .item .buttons .icon-button a{color:#fff;font-size:14px;font-weight:500}
.main-banner .owl-buttons{position:absolute;max-width:1320px;bottom:23px;left:-100px;text-align:right}
.main-banner .owl-buttons .owl-next i,.main-banner .owl-buttons .owl-prev i{width:50px;height:50px;line-height:50px;font-size:24px;display:inline-block;color:#fff;background-color:rgba(255,255,255,.2);border-radius:50%;opacity:1;transition:.3s;text-align:center}
.main-banner .owl-buttons .owl-prev i{position:absolute;bottom:65px;left:0;text-align:center}
.main-banner .owl-buttons .owl-next i:hover,.main-banner .owl-buttons .owl-prev i:hover{opacity:1;background-color:rgba(255,255,255,.5)}
.courses{padding-top:30px;margin-top:30px;width:100%;float:left}

.courses .section-heading,.section-heading{margin-bottom:60px}
.courses .section-heading h2,.section-heading h2{font-size:36px;font-weight:600;text-transform:capitalize;margin:20px 0;line-height:44px}
.courses .section-heading h6{color:#666;font-size:14px;text-transform:uppercase;}
.courses .event_filter{text-align:center;background-color:#f1f0fe;border-radius:50px;padding:15px 40px;list-style:none;margin:0 auto 70px;max-width:max-content}
.courses .event_filter li{display:inline-block;margin:0 20px}
.courses .event_filter li a{font-size:14px;font-weight:500;color:#1e1e1e;transition:.3s}
.courses .event_filter li a.is_active{color:#7a6ad8}
.courses .event_filter li a:hover,.courses .events_item:hover .down-content h4{color:#7a6ad8}
.courses .events_item .down-content h4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:18px;font-weight:600;transition:.3s}
.courses .events_item .thumb{position:relative;border-radius:25px;overflow:hidden}
.courses .events_item .thumb {height:360px;}
.courses .events_item .thumb a{display: block;width: 100%;height: 100%}
.courses .events_item .thumb img{margin-bottom:-5px;width:110%;margin-left: -5%; object-fit:cover;transition: all ease-in-out 2s;position: absolute;top:0}
.courses .events_item .thumb span.category{position:absolute;left:30px;top:30px;font-size:14px;text-transform:uppercase;color:#7a6ad8;background-color:rgba(250,250,250,.95);padding:8px 20px;border-radius:25px;font-weight:500;display:inline-block}
.courses .events_item .thumb span.price{position:absolute;right:-30px;top:-50px;background-color:rgba(122,106,216,.95);width:130px;height:130px;border-radius:50%;display:inline-block;transition:.3s}
.courses .events_item .thumb span.price h6{margin-top:72px;margin-left:22px;font-size:20px;text-transform:uppercase;color:#fff;font-weight:700}
.courses .events_item .thumb span.price em{font-size:18px;font-weight:500;font-style:normal;vertical-align:top}
.courses .events_item{background-color:#f1f0fe;border-radius:25px;margin-bottom:30px;position:relative;justify-content:center;align-items:center}
.fun-facts:after,.fun-facts:before{position:absolute;top:0;content:''}
.courses .events_item .down-content{padding:20px 30px 25px}
.courses .events_item .down-content span.author{color:#7a6ad8;font-size:15px;display:inline-block;margin-bottom:6px}
.courses .events_item:hover .thumb span.price{transform:scale(1.2)}

@media (max-width:767px){


.main-banner .item{padding:80px 30px 120px!important}
.main-banner .owl-buttons{left:30px!important}
.courses .event_filter{padding:15px 20px;margin-bottom: 40px}
.courses .event_filter li{display:inline-block;margin:0 10px}
.courses .section-heading h2{font-size:.8rem;margin:0}
.courses .section-heading{margin-bottom:20px}
.courses .events_item .down-content h4,.courses .events_item .thumb span.price h6{font-size:1rem}
    .services .service-item h4{font-size: 1rem!important;margin-bottom: 5px!important;}
    .services .service-item p{font-size: 0.8rem;line-height: 1.8}
    .courses .section-heading h2, .section-heading h2{font-size: 20px;margin: 0}
    .events .section-heading{margin-bottom: 50px!important;}
}
.fun-facts{width:100%;float:left;margin-top:50px;position:relative;padding:120px 0 80px;overflow:hidden}
.fun-facts:before{bottom:0;left:0;z-index:-1;width:95%;height:100%;background-color:#7a6ad8;border-top-right-radius:500px;border-bottom-right-radius:500px}
.fun-facts:after{background:url(https://hbsjsdoss.oss-cn-zhangjiakou.aliyuncs.com/data01-img/20241231/00314766147722149381.png);left:15%;opacity:.5;width:318px;height:119px;z-index:2}
.fun-facts .counter{text-align:center;margin-bottom:40px}
.fun-facts h2{color:#fff;font-size:48px;font-weight:700}
.fun-facts h2::after{content:'+';margin-left:5px;font-size: 16px}

.fun-facts .col-lg-3:nth-child(1) h2::after,.fun-facts .col-lg-3:nth-child(3) h2::after{
    content:'年';
}
.fun-facts .col-lg-3:nth-child(4) h2::after{
    content:'\e6ac';font-family: 'iconfont';    font-weight: initial;
}
.fun-facts .col-lg-3:nth-child(2) h2::after{
    content:'\e6ad';font-family: 'iconfont';    font-weight: initial;font-size: 18px;
}

.fun-facts p{color:#fff;font-size:15px;font-weight:500;margin-top:15px}
.services{padding-top:30px;margin-top:50px;width:100%;float:left}
.main-button a{display:inline-block;background-color:#fff;color:#7a6ad8;font-size:14px;font-weight:500;height:40px;line-height:40px;padding:0 25px;border-radius:20px;transition:.3s}
.main-button a:hover{background-color:#7a6ad8;color:#fff}
.services .service-item:hover .icon img{margin-top:-10px}

.services .service-item{position:relative;margin-top:95px}
.services .service-item .icon{width:140px;height:140px;display:inline-block;text-align:center;line-height:140px;background-color:#7a6ad8;border-radius:50%;position:absolute;right:0;top:-95px}
.services .service-item .icon i{font-size: 60px;color: #fff}
.services .service-item .icon img{max-width:86px;transition:.2s}
.services .service-item .main-content{border-radius:25px;padding:80px 30px 50px;background-color:#f1f0fe;margin-bottom:30px;margin-right:80px;transition:.4s}
.services .service-item h4{font-size:22px;font-weight:600;margin-bottom:15px;line-height:30px;transition:.4s}
.services .service-item .main-content .price .h1{color: #ff7800}
.services .service-item p{color:#4a4a4a;margin-bottom:25px;margin-top: 10px;line-height: 1.8;font-size: 15px;
    /*display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden*/
}
.testimonials{width:100%;float:left;position:relative;padding:50px 0;margin-top:100px;margin-bottom:100px}
.section-heading h6{text-transform:uppercase;}
.testimonials:before{position:absolute;top:0;bottom:0;right:0;z-index:-1;width:65%;height:100%;background-color:#f1f0fe;content:'';border-top-left-radius:500px;border-bottom-left-radius:500px}
.testimonials .owl-carousel,.testimonials .owl-wrapper{display:flex!important;}
.testimonials .section-heading{margin-bottom:0;margin-left:60px;vertical-align:middle}
.testimonials .section-heading p{margin-top:10px;line-height:2}
.testimonials .item{background-color:#7a6ad8;border-radius:25px;padding:40px 80px 100px}
.testimonials .item p{font-size:18px;line-height:40px;color:#fff;font-style:italic;font-weight:300;margin-bottom:40px}
.testimonials .item img{border-radius:50%;width:100px;float:left;margin-right:25px;height:100px;object-fit:cover}
.testimonials .item span{display:inline-block;margin-top:20px;font-size:15px;color:#fff}
.testimonials .item h4{color:#fff;font-size:22px;font-weight:600;margin-top:8px}
.testimonials .owl-buttons{position:absolute;top:50%;transform:translateY(-5px);right:-15px;text-align:right}
.testimonials .owl-buttons .owl-next i,.testimonials .owl-buttons .owl-prev i{width:50px;height:50px;line-height:50px;font-size:24px;display:inline-block;color:#7a6ad8;background-color:#fff;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.1);opacity:1;transition:.3s;text-align:center}
.testimonials .owl-buttons .owl-prev i{position:absolute;bottom:65px;left:0}
.testimonials .owl-buttons .owl-next i:hover,.testimonials .owl-buttons .owl-prev i:hover{opacity:1;box-shadow:0 0 10px rgba(0,0,0,.15)}
.core-features .btn:not(:disabled):not(.disabled).active,.core-features .btn:not(:disabled):not(.disabled):active,.footermd8 .btn:not(:disabled):not(.disabled).active,.footermd8 .btn:not(:disabled):not(.disabled):active,.footermd8 a:focus{text-decoration:none;outline:0}
.core-features{width:100%;float:left;padding:100px 0!important;

    background-color:#f1f0fe!important;
}
.core-features .section{padding-top:120px;padding-bottom:120px;position:relative}
.core-features .section-title{text-align:center;padding:0 300px;position:relative;z-index:5;margin-bottom:50px}
.core-features .section-title p{font-size:14px;line-height:24px}
.core-features .section-title h2{text-transform:capitalize;font-size:33px;margin-bottom:18px;line-height:50px;text-transform:capitalize;position:relative;font-weight:700;padding-bottom:14px}
.core-features .section-title h2::before{position:absolute;left:50%;margin-left:-25px;bottom:-1px;height:2px;width:50px;background:linear-gradient(45deg,#6831e3,#7a6ad8);content:""}
.core-features .single-feature{text-align:left;background-color:#fff;padding:30px;border-radius:4px;z-index:5;position:relative;overflow:hidden;-webkit-box-shadow:0 0 50px rgba(87,87,87,.23);box-shadow:0 0 50px rgba(87,87,87,.23);margin-top:30px;height:250px}
.core-features .single-feature::before{position:absolute;content:"";left:0;bottom:0;height:4px;width:0%;background:linear-gradient(45deg,#6831e3,#7a6ad8);-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}
.cate-list .ul .li:hover:after,.core-features .single-feature:hover::before{width:100%}
.core-features .single-feature i{height:60px;width:60px;line-height:60px;background:linear-gradient(45deg,#6831e3,#7a6ad8);color:#fff;text-align:center;display:inline-block;font-size:20px;border-radius:5px;margin-bottom:20px;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}
.core-features .single-feature h3{font-size:17px;font-weight:600;line-height:26px;color:#081828;display:block;margin-bottom:20px}
.core-features .single-feature p{font-size:13px; color: #666;}
.core-features .single-feature:hover i{border-radius:50%;-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.button-primary::before,.footermd8::before{height:100%;z-index:-1;width:100%;left:0;top:0}
.article,.events,.minlist2,.projects{width:100%;float:left}
::selection{background:#7a6ad8;color:#fff}
::-moz-selection{background:#7a6ad8;color:#fff}
.events .item ul li span.category,.section-heading h6{font-size:14px;text-transform:uppercase;color:#666}
.events .section-heading{margin-bottom:100px}
.events .item{background-color:#f1f0fe;border-radius:25px;padding:40px;margin-bottom:96px}
.events .item .image img{position:absolute;border-radius:25px;max-width:260px;left:0;top:-70px;height:230px;object-fit:cover}
.events .item ul li{display:inline-block;width:17.5%;vertical-align:middle}
.events .item ul li:first-child{width:35%}
.events .item ul li:nth-of-type(2){width:28%}
.events .item ul li span.category{background-color:#fff;padding:8px 20px;border-radius:25px;font-weight:500;display:inline-block;margin-bottom:20px}
.events .item ul li h4{font-size:22px;font-weight:600}
.events .item ul li span{display:inline-block;font-size:14px;color:#4a4a4a;margin-bottom:10px}
.events .item ul li h6{font-size:16px;color:#7a6ad8;font-weight:600}
.events .item a{position:absolute;right:-40px;top:-17px;background-color:#7a6ad8;width:60px;height:120px;display:inline-block;text-align:center;line-height:120px;font-size:18px;z-index:1;color:#fff;border-radius:60px 0 0 60px}

@media (max-width:1024px){
    .search-input{display:none}
    .header-area .main-nav .nav li .dropdown_menu,.header-area .main-nav .nav li:hover .dropdown_menu{display: none}
}
@media (max-width:992px){
    .owl-banner{margin-left: 0}
    .header-area .main-nav #search i,.header-area .main-nav #search input,.testimonials .owl-buttons,.testimonials::before{display:none}
    .header-area .container{padding: 0 10px}
.header-area .main-nav .logo h1{font-size:30px}
.header-area .main-nav .logo{border-right:none}
.main-banner{padding-top:80px;}
.main-banner .item{padding:100px 60px 140px;margin-left:0;text-align:center}
.main-banner .item h2,.main-banner .item p{width:100%}
.main-banner .item h2{font-size:32px;line-height:50px}
.main-banner .item .buttons .main-button a{height:40px;line-height:40px}
.main-banner .item .buttons{display:inline-block;text-align:center}
.main-banner .item .buttons .main-button{margin-right:0;margin-bottom:30px}
.main-banner .owl-buttons{left:50%!important;transform:translateX(-60px)!important;bottom:30px}
.main-banner .owl-buttons .owl-prev i{bottom:0}
.main-banner .owl-buttons .owl-next i{bottom:0;position:absolute;left:65px}
.fun-facts{margin-top:40px}
.fun-facts::before{width:95%}
.events,.services{margin-top:80px}
.services .service-item .icon{width:120px;height:120px;line-height:120px;top: -60px;}
.testimonials .section-heading p{margin-top:30px}
.testimonials{margin-top:50px;padding:0}
.testimonials .section-heading{margin-left:0;margin-top:40px}
.testimonials .item{padding:20px 20px 60px}
.testimonials .item h4{font-size:17px}
.testimonials .item img{margin-right:15px}
.testimonials .item p{font-size:.8rem;line-height:1.8}
.events .item{margin-bottom:20px;padding:40px 10px}
.events .item .image img{position:relative;max-width:100%}
.events .item ul{margin-top:-40px}
.events .item ul li:first-child{width:100%!important;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ddd}
.events .item ul li:nth-child(2){width:40%!important}
.events .item ul li{display:inline-block;width:28%!important}
.events .item ul li:last-child{text-align:right}
.events .item a{position: absolute;
    right: -10px;
    bottom: 100px;width: 30px;
    height: 60px;line-height: 60px}
.events .item ul li h6{font-size:14px}
    .footermd8 .footer-middle .col-lg-8 .row{
        height: 100%;display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        align-items: flex-end;}
.footermd8 .footer-middle .col-lg-8 .col-lg-3{display:none}
    .footermd8 .footer-middle .col-lg-8 .col-lg-3:last-of-type{display:block;padding-right:0;padding-left:0}
}
.footermd8{z-index:2;position:relative;background:linear-gradient(45deg,#6831e3,#7a6ad8);width:100%;float:left}
.footermd8::before{position:absolute;content:"";background-image:url("https://hbsjsdoss.oss-cn-zhangjiakou.aliyuncs.com/data01-img/20241218/04634676080038787777.png");background-size:cover;background-repeat:no-repeat;background-position:top}
.footermd8 .logo{margin-bottom:15px}
.footermd8 .logo img{width:40px;filter: brightness(100);}
.footermd8 .f-about{padding-right:85px}
.footermd8 .f-about p{color:#fff;font-size:14px;line-height:28px}
.footer .single-footer,.footermd8 .footer-social{margin-top:10px}
.footermd8 .footer-social ul li{display:inline-block;margin-right:10px}
.footermd8 .footer-social ul li:last-child{margin-right:0}
.footermd8 .footer-social ul li a{font-size:12px;background:0 0;border:none;color:#fff;position:relative;z-index:3;height:35px;width:35px;display:block;border-radius:6px;border:1px solid #eeeeeeb3;text-align:center;line-height:35px}
.footermd8 .footer-social ul li a:hover{color:#081828;background-color:#fff;border-color:transparent}
.footermd8 .footer-middle{padding-bottom:0px;padding-top:50px}
.footermd8 .single-footer h3{color:#fff;font-size:16px;font-weight:600;position:relative;text-transform:capitalize;margin-bottom:30px}
.footermd8 .f-link ul li{margin-bottom:18px;position:relative}
.footermd8 .f-contact ul li:last-child,.footermd8 .f-link ul li:last-child{margin:0}
.footermd8 .f-link ul li a{display:inline-block;color:#fff;font-size:14px;font-weight:400;position:relative;-webkit-transition:.3s;transition:.3s}
.footermd8 .f-link ul li a:hover{opacity:.7}
*+.service-box-list-wrapper,.footermd8 .f-contact ul{margin-top:20px}
.footermd8 .f-contact ul li{display:block;margin-bottom:15px;color:#fff;position:relative;padding-left:35px}
.footermd8 .f-contact ul li i{display:inline-block;font-size:18px;color:#fff;position:absolute;left:0;top:0}
.footermd8 .f-contact ul li a{color:#fff;}
@media only screen and (min-width:768px) and (max-width:991px){
 .core-features .section{padding:60px 0}
.core-features .section-title p,.core-features p,.footermd8 p{font-size:13px}

.core-features{padding:30px 0 60px!important}
.core-features .section-title h2{margin-bottom:15px;font-size:25px;margin-top:5px;line-height:35px}
.core-features .section-title{margin-bottom:20px;padding:0 90px}
.footermd8 .footer-social ul li{margin-right:10px;margin-top:10px}
.footermd8 .f-about{padding-right:0}
.footermd8 .f-link ul li{margin-bottom:13px}
.footermd8 .single-footer{padding-top:35px;margin-top:35px}
.footermd8 .single-footer.md-custom-border{border-top:1px dashed #eeeeee52}
.footermd8 .f-about p{padding-right:0;line-height:24px}
.footermd8 .footer-middle{padding-bottom:0px;padding-top:0}
}
@media only screen and (max-width:767px){.core-features .section{padding:50px 0}
.core-features .section-title{padding:0;margin-bottom:20px}
.core-features .section-title p,.core-features p,.footermd8 p{font-size:13px}
.core-features{padding:30px 0 60px!important}
.core-features .section-title h2{font-size:20px;margin-bottom:10px;line-height:40px}
.core-features .single-feature{padding:15px;height:200px}
.core-features .single-feature h3,.core-features .single-feature:hover i{margin-bottom:10px}
.footermd8 .f-link ul li{margin-bottom:13px}
.footer .f-about p{padding-right:80px}
.footermd8 .single-footer{padding-top:35px;margin-top:35px;padding-right:0}
.footermd8 .single-footer.sm-custom-border{border-top:1px dashed #eeeeee52}
.footermd8 .footer-middle .col-lg-8 .col-lg-3{display:none}
.footermd8 .footer-middle .col-lg-8 .col-lg-3:last-of-type{display:block;padding-right:0;padding-left:0}
.footermd8 .f-about p{padding-right:0;line-height:24px}
.footermd8 .footer-middle{padding-bottom:15px;padding-top:0}
    .core-features .single-feature p{    display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        transition: .3s;}
}
.in_youshi{padding:50px 0;width:100%;float:left}
.justify-content-center{justify-content:center!important}
.service-box{display:inline-block;position:relative;width:100%}
.service-box-media img{display:inline-block;width:100%;max-height:800px;object-fit:cover}
.service-box-body{position:absolute;bottom:0;right:0;max-width:880px;padding:100px 100px 130px;transform:translateY(430px);margin-top:0;background:#fff}
.heading-2,.service-box-body h2{font-size:30px}
.service-box-body h2+p{margin-top:22px;color:#666}
.service-box-list{margin-right:100px}
.service-box-list li{position:relative;padding-left:30px;margin:15px 0}
.service-box-list li::before{content:'';position:absolute;width:10px;height:10px;background:#452a25;top:9px;left:0}
.heading-5,.service-box-list h5{font-size:20px}
.service-box-body *+.button{margin-top:50px}
.button-ujarak,.button-ujarak::before{transition-timing-function:cubic-bezier(0.2,1,0.3,1)}
.button-ujarak{position:relative;z-index:0;transition:background .4s,border-color .4s,color .4s}
.row-xl-custom-1>*{margin-bottom:490px}
.button-sm{padding:16px 50px;font-size:12px;line-height:1}
.service-box-list-wrapper{flex-direction:row;display:flex;margin-bottom:50px}
.button-primary::before{content:'';position:absolute;background:#452a25;opacity:0;transform:scale3d(.7,1,1);transition:transform .42s,opacity .42s;border-radius:inherit}
.button-primary,.button-primary:focus{color:#fff;background-color:#7a6ad8;border-color:#7a6ad8}
.list-list .box-hd{padding:0;display:flex;width:100%;justify-content:flex-start}
.list-list .box-hd p{color:#00674c;display:flex;flex-direction:column;font-size:1.4rem!important;font-weight:700}
.list-list .box-hd p:after{background:var(--primary);width:30px;content:"";height:3px;display:inline-block}
.list-list .nve-pc{display:flex;align-items:center;margin-left:15px}
.list-list .nve-pc li{margin:0 15px}
.list-list .nve-pc li a{font-size:1rem}
.list-list .nve-pc li a.active{color:#fff;background:var(--primary);padding:5px 10px;border-radius:5px}
.minlist2 .list-banner::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#7a6ad8ed;z-index:1}
.list-banner{padding:15rem 0;text-align:center;background-size:cover!important;overflow:hidden;position:relative}
.list-banner h2{font-size:2rem;color:#fff;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}
.list-banner h2:after{content:"";display:block;background-color:#fff;height:2px;width:80px;margin-top:20px}
.cate-list{width:100%;float:left;background:#fff}
.cate-list .ul{width:100%;height:85px;line-height:85px;display:flex;justify-content:space-between;border-bottom:1px solid #f0f4f5}
.cate-list .ul .li{width:100%;float:left;text-align:center;border-right:1px solid #dedede;position:relative}
.cate-list .ul .li:after{content:"";width:0;height:100%;background:#7a6ad8;position:absolute;bottom:0;left:0;transition:.5s;z-index:0}
#projects .box .title,#projects .box:hover .title{-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out}
.cate-list .ul .li a{font-size:1rem;color:#666;display:block;width:100%;height:100%}
.cate-list .ul .li.active{background:#7a6ad899}
.cate-list .ul .li:hover a{color:#fff;position:absolute;z-index:1}

#services .owl-controls,#events .owl-controls{margin-top: 20px;margin-bottom: 20px}
#services .owl-controls .owl-pagination,#events .owl-controls .owl-pagination{height: 5px;display: flex;justify-content: center;}
#services .owl-controls .owl-pagination div,#events .owl-controls .owl-pagination div{height: 5px;width: 30px;background: #ccc}
#services .owl-controls .owl-pagination div.active,#events .owl-controls .owl-pagination div.active{background: #7a6ad8}
#services .owl-controls .owl-pagination :nth-child(1),#events .owl-controls .owl-pagination :nth-child(1){border-radius: 10px 0 0 10px;}
#services .owl-controls .owl-pagination :last-child,#events .owl-controls .owl-pagination :last-child{border-radius: 0 10px 10px 0;}

@media (max-width:1024px){
    .header-area{top:20px}
    .service-box-media img{max-height:100%}
.service-box .service-box-body{max-width:100%;position:inherit;transform:none;padding:50px}
.service-box-body .service-box-list-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap}
.heading-2,.service-box-body h2{font-size:2rem}
.heading-5,.list-banner h2,.service-box-list h5{font-size:1.2rem}
.row-xl-custom-1>*{margin-bottom:50px;padding:0}
.list-banner{padding:5rem 0}
.cate-list .ul{height:45px;line-height:45px}
.cate-list .ul .li a{font-size:.875rem}
    .services .service-item .main-content{margin-bottom: 0}
}
.projects .col-lg-12{padding:0}
#projects h2::after{width:65px;height:5px;content:"";background:#fbcf00;position:relative;display:block;margin:10px 0}
#projects h5{font-size:18px;line-height:30px!important;color:#999;font-weight:300;letter-spacing:1px}
#projects h2{padding:45px 0 0}
#projects .gal-container{padding:12px 0}
#projects .gal-item{overflow:hidden;padding:3px;float:left;margin-bottom: 3px}
#projects .gal-item .box{height:400px;overflow:hidden;position: relative;margin: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px;}
#projects .box img{width:100%;object-fit:cover;-o-object-fit:cover;transition: all ease-in-out 2s;position: absolute;top: 0;}
#projects .box a{display: block;height: 100%;width: 100%}
#projects .box .title{position:absolute;bottom:35%;z-index:999;color:#fff;text-align:center;width:100%;opacity:0;transition:.5s ease-in-out;padding: 0 10px;}
#projects .box:hover .title{opacity:1;transition:.5s ease-in-out}
#projects .gal-item a:focus,.contact-form-layout4 form .message-box:focus,.contact-form-layout4 form .top-input:focus{outline:0}
#projects .gal-item a:after{content:"\e678";font-family:iconfont;opacity:0.2;background-color:rgba(122,106,216,.75);position:absolute;right:0px;left:0px;top:0px;bottom:1px;text-align:center;line-height:350px;font-size:30px;color:#fff;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out;z-index: -1}
#projects .gal-item a:hover:after,.contact-info-layout3 ul.contact-social li i:hover,.in_youshi .item .list:hover .img2{opacity:1;z-index: 1}
#projects .gal-container .description{position:relative;height:40px;top:-40px;padding:10px 25px;background-color:rgba(0,0,0,.5);color:#fff;text-align:left;display:none}
#projects .gal-container .description h4{margin:0;font-size:15px;font-weight:300;line-height:20px}
#projects .gal-container .modal.fade .modal-dialog{-webkit-transform:scale(.1);-moz-transform:scale(.1);-ms-transform:scale(.1);transform:scale(.1);top:160px;opacity:0;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
#projects .modal-dialog .modal-body{border:10px solid #fff}
@media (min-width:768px){#projects .gal-container .modal-dialog{width:55%;margin:50px auto}

}
@media (max-width:1024px){
    .header-area{top:0}
    .header-area .menu-trigger{display:block!important;top:15px!important;right:5px!important}
    .header-area .main-nav .nav{background-color:#f1f0fe;height:auto;flex-basis:100%;float:none;width:100%;display:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;margin-left:0}
    .header-area .main-nav .nav li a{line-height:50px;height:50px;font-weight:400;color:#1e1e1e;background-color:#f1f0fe;border-radius:0 0 25px 25px}
    .header-area .main-nav .nav li{border-top:1px solid #ddd;height:50px;border-radius:0 0 25px 25px;width:100%;background:#fff;padding-left:0!important;padding-right:0!important}
    .header-area .main-nav .nav li:last-child{border-radius:0 0 25px 25px}
    .header-area .main-nav .logo{position:absolute;left:0;top:0;width:250px;margin-top:15px}
    .header-area .main-nav .logo img{width: 30px}
    .header-area .main-nav .logo h1{font-size:20px!important;text-align:left;border-right:none}
    .header-area.header-sticky .nav li a.active,.header-area.header-sticky .nav li a:hover{color:#7a6ad8!important;opacity:1}
    .header-area{background-color:transparent;padding:0 0px;height:70px;box-shadow:none;text-align:center;top:0}
    .header-area .container{padding:0 10px}
    .header-area .logo{margin-left:0;margin-top:30px}

    .header-area .main-nav{overflow:hidden}
    .header-area .main-nav .nav li:first-child{border-top:1px solid #eee}
    .header-area.header-sticky .nav{margin-top:70px!important}
    .courses .events_item .thumb{height: 280px}
}
@media (max-width:768px){
    .header-area{
        top: 0;}
    .services .service-item .main-content{margin-right:0}
.services .service-item .icon{right:calc(50% - 60px)}
.testimonials{margin-bottom:0;margin-top:0}
.services-box .services-post a i{font-size:40px;line-height:40px}
.heading-5,.service-box-list h5,.services-post h2{font-size:1rem}
.service-box .service-box-body{padding:30px 10px}
.service-box-media img{max-height:300px}
.heading-2,.service-box-body h2{font-size:1.4rem;line-height:32px}
.row-xl-custom-1>*{margin-bottom:30px}
#projects .gal-container .modal-content{height:250px}
#projects .gal-container{padding:0}
#projects .col-xs-12{padding-right:10px;padding-left:10px}
#projects .container{width:100%}
#projects .message-box h2{font-size:30px}
#projects h5{font-size:14px;line-height:30px!important;color:#999;font-weight:300;letter-spacing:1px}
#projects .message-box{margin-bottom:0}

.events{overflow:hidden}
    .main-banner .item h2{font-size:22px;margin-bottom: 20px}
    .main-banner .item p{font-size: 0.75rem}
    .main-banner .item .buttons{margin-top: 20px}
}
#projects .gal-container{padding-top:35px;padding-bottom:75px}
.section-space-all{width:100%;padding:50px 0;float:left}
.section-title-primary{text-align:center;margin-bottom:65px;color:#333}
.section-title-primary h2{text-transform:uppercase;font-weight:700;margin-bottom:20px;line-height:1.2}
.section-title-primary h2 span{color:#ff9800}
.contact-info-layout3{padding:40px 28px 55px;background-color:#fff}
.contact-info-layout3 h2{font-size:24px;text-transform:uppercase;color:#333;margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid #d6d6d6}
.contact-info-layout3 p{margin-bottom:40px;font-size:18px;text-align:center;color:#ff9800}
.contact-form-layout4,.contact-info-layout3 ul.contact-address{margin-bottom:30px}
.contact-info-layout3 ul.contact-address li{padding-left:50px;margin-bottom:20px;position:relative}
.contact-info-layout3 ul.contact-address li i{left:0;top:0;position:absolute;font-size:25px;color:#333}
.contact-info-layout3 ul.contact-address li p{margin:0;text-align:left;font-size:18px;color:#333;text-transform:capitalize}
.contact-info-layout3 ul.contact-social{text-align:center}
.contact-info-layout3 ul.contact-social li{display:inline-block;margin-right:5px;margin-bottom:5px;}
ul.contact-social li{
    position: relative;
}
.contact-info-layout3 ul.contact-social li i{color:#fff;border-radius:2px;opacity:.8;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-ms-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}
.contact-info-layout3 ul.contact-social .fa-facebook{padding:10px 14px;background-color:#395799}
.contact-info-layout3 ul.contact-social .fa-twitter{padding:10px 12px;background-color:#19b2f5}
.contact-info-layout3 ul.contact-social .fa-google-plus{padding:10px;background-color:#f05b44}
.contact-info-layout3 ul.contact-social .fa-dribbble{padding:10px 13px;background-color:#ea4c89}
.contact-info-layout3 ul.contact-social .fa-linkedin-square{padding:10px 13px;background-color:#0da6be}
.contact-info-layout3 ul.contact-social .fa-pinterest-p{padding:10px 14px;background-color:#9c0c1c}
.shadow-equal{box-shadow:0 0 50px 0 rgba(0,0,0,.08);-moz-box-shadow:0 0 50px 0 rgba(0,0,0,.08);-webkit-box-shadow:0 0 50px 0 rgba(0,0,0,.08)}
.btn-primary-fill-ghost{background:#7a6ad8;text-transform:uppercase;color:#fff;border:2px solid #7a6ad8;padding:12px 34px;border-radius:45px;display:inline-block;font-weight:500;-webkit-transition:.5s ease-out;-moz-transition:.5s ease-out;-ms-transition:.5s ease-out;-o-transition:.5s ease-out;transition:.5s ease-out}
.btn-primary-fill-ghost:hover{background:0 0;color:#ff9800}
.contact-form-layout4 form .form-control{height:auto;padding:0;box-shadow:none;background:0 0;line-height:1.5}
.contact-form-layout4 form .form-control:focus{box-shadow:none}
.contact-form-layout4 form .top-input{width:100%;padding:15px 20px;border:1px solid #d6d6d6;margin-bottom:30px}
.contact-form-layout4 form .message-box{padding:15px 20px;width:100%;height:170px;margin-bottom:40px;border:1px solid #d6d6d6}
@media (max-width:479px){.contact-form-layout4 form .message-box,.contact-form-layout4 form .top-input{margin-bottom:15px}
}
.in_youshi .item{border:1px solid #dcdcdc}
.in_youshi .item .list{float:left;width:33.33%;height:378px;position:relative;padding:0 3%;border-left:1px solid #dcdcdc;overflow:hidden;background:#fff}
.in_youshi .item .list:first-child{border-left:none}
.in_youshi .item .list .text{height:100%}
.in_youshi .item .list .text .inner{margin-top:16%}
.in_youshi .item .list .title{font-weight:700;font-size:30px;color:#333}
.in_youshi .item .list .con{font-size:20px;color:#7a6ad8;margin:10% 0 33%}
.in_youshi .item .list .con a{ color:#7a6ad8;}
.in_youshi .item .list .shu{font-size:30px;color:#7a6ad8;font-weight:700}
.in_youshi .item .list .shu span,.in_youshi .item .list:hover .img1{opacity:0}
.in_youshi .item .list .img1{position:absolute;height:100%;width:55%;top:20%;right:0}
.in_youshi .item .list .img1 img{filter:brightness(0);opacity:.3}
.in_youshi .item .list .img2{opacity:0;position:absolute;height:100%;width:55%;top:0;right:0}
.in_youshi .item .list .img2 img{filter:brightness(100)}
.in_youshi .item .list:hover{background:#7a6ad8}
.in_youshi .item .list:hover .text .shu span,.in_youshi .item .list:hover a{color:#fff;opacity:1}
.in_youshi .warpper{max-width:1400px;margin:0 auto}
@media (max-width:1600px) and (min-width:1400px){.in_youshi .item .list{height:344px}
.in_youshi .item .list .text .inner{margin-top:14%}
.in_youshi .item .list .con{margin:10% 0 27%}

}
@media (max-width:1400px) and (min-width:1200px){
    .owl-banner.owl-carousel{width: 88% !important}
    .header-area .container {
        padding: 0 10px;
    }
    .header-area .main-nav .logo{width: 310px}
    .header-area .main-nav .logo h1{font-size: 24px}


    .in_youshi .item .list .title{font-size:26px}
.in_youshi .item .list{height:344px}
.in_youshi .item .list .text .inner{margin-top:14%}
.in_youshi .item .list .con{margin:10% 0 27%}
    .services .service-item .main-content{margin-right:50px}

}
@media (max-width:1200px) and (min-width:992px){
    .owl-banner.owl-carousel{width: 88% !important}
    .header-area .container {
        padding: 0 10px;
    }
    .header-area .main-nav .logo{width: 310px}
    .header-area .main-nav .logo h1{font-size: 22px}

    .in_youshi .item .list .title{font-size:24px}

    .in_youshi .item .list .title{font-size:26px}
.in_youshi .item .list{height:344px}
.in_youshi .item .list .text .inner{margin-top:14%}
.in_youshi .item .list .con{margin:10% 0 27%}
    .events .item .image img{max-width: 200px;height: 210px;}
    .services .service-item .main-content{margin-right:50px}
}
@media (max-width:992px) and (min-width:768px){
    .owl-banner.owl-carousel{width:100% !important}
    .header-area .main-nav .logo h1{font-size: 22px}
    .header-area .main-nav .logo{width: 310px}

    .in_youshi.padding{padding:7% 0}
.in_youshi .item .list .title{font-size:22px}
.in_youshi .item .list{height:275px}
.in_youshi .item .list .text .inner{margin-top:14%}
.in_youshi .item .list .con{margin:10% 0 41%}
}
.about-desc{width:100%;margin:30px auto;float:left}
.about-desc h2{display:block;width:100%;text-align:center;margin-bottom:15px}
.about-desc .desc{line-height:2.2!important;font-size:1rem!important;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between}
.about-desc .desc p{text-indent:2em;color:#666}
.about-desc .desc .desc_pic{margin-left:25px;position:relative}
.about-desc .desc .desc_pic img{max-width:420px;height:100%;border-radius:15px;overflow:hidden;object-fit:cover}
.about-desc .desc .desc_pic::after{content:"";display:inline-block;height:90%;width:100%;position:absolute;background:#f1f0fe;bottom:-15px;left:15px;border-radius:25px;z-index:-1}

.article{background: #f8f8f8}
.article .container{background: #fff;margin-top:30px}
.article .title{color:#333;font-family:PingFang SC;font-size:32px;font-weight:600;margin-bottom:25px;padding-top:40px;text-align:center}
.article .ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:26px;color: #333;font-size: 17px;}
.article .ql-snow .ql-editor h2{font-size:1.5em}
.article .ql-editor img{max-width:800px;width: 100%!important;height: auto!important;}
.article .ql-editor p{margin:0 0 16px;text-indent: 2em;}
.article .ql-editor p:nth-of-type(1){text-indent: 0em;}
.article .ql-editor ol{margin-left: 15px}
/*.article .ql-editor p:nth-of-type(n+2) {*/
    /*text-indent: 2em;*/
/*}*/
.article .ql-editor span{text-wrap-mode: inherit!important;}
.article .post-single-meta .badge{color:var(--pbmit-white-color);background-color:#6831e3;display:inline-block;padding:6px 15px;font-size:14px;font-weight:500;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:4px;margin:10px 20px 10px 0}
.article .post-single-time{letter-spacing:.024em}

.curbar {color: #fff; top: 10px;font-size: 12px;
    position: relative;
    z-index: 99; }
.curbar a{color: #fff}
/*.courses .section-heading h6{*/
    /*font-size: 100px!important;*/
    /*position: absolute;*/
    /*text-align: center;*/
    /*width: 100%;*/
    /*z-index: -1;*/
    /*bottom: 30px;*/
    /*color: #7a6ad83d!important;*/
/*}*/
@media (max-width: 1024px) {
    .about-desc .desc{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0 10px;
    }
    .about-desc .desc .desc_pic{margin-left: 0;text-align: center;}
    .about-desc .desc .desc_pic img,.about-desc .desc .desc_pic::after{max-width: 90%}
}
@media (max-width:768px){
    .owl-banner.owl-carousel{width: 100% !important}
    .in_youshi.padding{padding:7% 0}
.in_youshi .item .list{width:100%;border-bottom:1px solid #dcdcdc;border-left:none;height:205px}
.in_youshi .item .list:last-child{border-bottom:none}
.in_youshi .item .list .title{font-size:21px}
.in_youshi .item .list .con{margin:4% 0 13%}
.in_youshi .item .list .shu{font-size:25px}
.in_youshi .item .list .img1{width:42%}
.in_youshi .item .list .text .inner{margin-top:9%}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding:0 10px}
    .article .ql-editor img{max-width: 90%}
}




/* 圆圈样式 */
.main-banner .item .buttons .icon-button i{
    transition: .3s;
}
.main-banner .item .buttons .icon-button i:hover{
    transform: scale(1.3);
}
img,.core-features .single-feature,.events .item,.services .service-item{
    transition: .3s;
}
/*img:hover{*/
    /*transform: scale(1.1);*/
/*}*/
.core-features .single-feature:hover,.events .item:hover,.services .service-item:hover{
    transform: scale(1.05);
}

/*旋转*/
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.ewm,.bjh,.tt{
    width: 100px;
    position: absolute;
    bottom: 40px;
    background: #f6f6f6;
    display: none;
    flex-direction: column;
    align-items: center;
    margin-left: -30px;
    padding: 5px;

}
.ewm img,.bjh img,.tt img{width: 100%}
.ewm span,.bjh span,.tt span{font-size: 12px}.min5 .all-title {
	text-align: center;
}

.min5 .all-title .all-t1 {
    font-size: 33px;
    margin-bottom: 18px;
    line-height: 50px;
    text-transform: capitalize;
    position: relative;
    font-weight: 700;
    padding-bottom: 14px;
}
.min5 .all-title .all-t1::before {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: -1px;
    height: 2px;
    width: 50px;
    background: linear-gradient(45deg, #6831e3, #7a6ad8);
    content: "";
}
.min5 .all-title .all-t2 {
    font-size: 14px;
    line-height: 24px;
}
.min5 {
	width: 100%;
	float: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
    padding: 80px 0;
}

.min5 .index-news-list-all {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 0 40px;
	box-sizing: border-box;
}

.min5 .row {
	display: block;
	width: 100%;
	padding-top: 30px;
}

.min5 .row .clearfix {

	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.min5 ul li {
	padding: 20px 10px 10px 10px;
	box-sizing: border-box;
	float: left;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
}

.min5 .magic-item-info {
	padding: 80px 15px 30px 15px;
	background: #f1f0fe;
	position: relative;
	bottom: 60px;
	border-radius: 8px;
	z-index: 9;
	box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);margin-bottom: -60px;
}

.min5 ul li .img-item {
	height: 120px;
	margin-bottom: 15px;
	width: 120px;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 20%);
	position: relative;
	z-index: 10;
}

/*.min5 .owl-item{padding: 0 15px;}*/
/*.min5 ul li .img-item{height: 280px;margin-bottom: 15px;}*/
.min5 ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.min5 .item {
	font-size: 16px;
	color: #666;
	padding-bottom: 15px;
}

.magic-item-title {
	text-align: right;
	float: left;
	width: 80px;

}

.magic-item-text {
	font-size: 25px;
	line-height: 1;
	font-weight: normal;
	height: 30px;
	overflow: hidden;
	width: 80px;
}

.magic-item-time {
	font-size: 14px;
	color: #999;
	margin: 0;
	line-height: 1.8;
	height: 26px;
	overflow: hidden;
	width: 80px;
}

.magic-item-info {
	float: left;
	text-align: left;
}

.magic-item-info p {
	font-size: 14px;
	color: #666;
	margin: 0;
	line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;margin-top: 15px;
}

.magic-info-title {
	font-size: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.magic-info-title a {
    color: #081828;
    font-size: 17px;
    font-weight: 600;
}

.min5 ul li,.min5 ul .owl-wrapper{
    transition: .3s;
}
.min5 ul .owl-wrapper:hover li{
    opacity: 0.4; transition: .3s;
}
.min5 ul .owl-wrapper li:hover{
    opacity: 1;transition: .3s;
}
.min5 ul li:hover .img-item{transition: .3s;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);border-radius:0
}
.min5 ul .owl-wrapper li:hover a{color: #6831e3;}

.min5 ul .owl-wrapper li .magic-item-info::before{position:absolute;content:"";left:0;bottom:0;height:4px;width:0%;background:linear-gradient(45deg,#6831e3,#7a6ad8);-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}
.min5 ul .owl-wrapper li:hover .magic-item-info::before {
    width: 100%;
}
@media (max-width: 1024px) {

	.min5 {
		padding: 40px 0;
	}

	.min5 .row .clearfix {
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	.min5 ul li {
		width: 100%;
	}

	.min5 ul li {
		margin-bottom: 30px;
	}

}
.minlist5 .owl-controls {
    margin-top: 35px;
}

.minlist5 .owl-pagination {
    display: flex;
    justify-content: center;
}

.minlist5 .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}

.minlist5 .owl-page.active span,.minlist5 .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
}
@media (max-width: 768px) {

	.min5 .row {
		padding-top: 35px;
		box-sizing: border-box;
	}
}

.gallery {
    position: absolute;
    top: 0;
    opacity: 0.05;
    z-index: 0;
    display: flex;
    gap: 1vw;
    max-width: 100%;
    min-width: 500px;
    height: 100%;
    transform: translate(5%, -25%) rotate(-6deg) rotateX(10deg) rotateY(20deg);
}

.gallery_line {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    height: fit-content;
    animation: slide 50s linear infinite;
}

.gallery_line:nth-child(2) {
    animation-direction: reverse;
}

.gallery_line img {
    flex: 1 1 auto;
    width: 100%;
    object-fit: cover;
}

@keyframes slide {
0%{ transform: translatey(0)}
100% { transform: translatey(-50%)}
}


.list .box-hd {
    width: 100%;
    margin-top: 55px;
}

.list .box-hd .title {
    color: #1d1d1d;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
}

.list .box-hd .tips {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    margin-top: 30px;
    text-align: center;
}


.list .left {
    margin-top: 30px;
    padding: 0;
   padding: 0 10px;
}

.list .left .flex p {
    color: #00674c;
    display: flex;
    flex-direction: column;
    font-size: 1.2rem;
    font-weight: bold;
}

.list .left .flex p:after {
    background: #00674c;
    width: 30px;
    content: "";
    height: 3px;
    display: inline-block;

}

.list .left .filterSearch {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

.list .nve-pc {
    display: flex;
    align-items: center;
    margin-left: 15px
}

.list .nve-pc li {
    margin: 0 5px
}

.list .nve-pc li a {
    font-size: 0.875rem
}

.list .nve-pc li a.active {
    color: #ffffff;
    background: var(--primary);
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.6rem;
}

.articleBox .articel1 {
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    justify-content: space-between;
    padding: 24px 0;
    justify-content: flex-start;
}

.articleBox .articel1 .aimg1 {
    cursor: pointer;
    position: relative;
}

.articleBox .articel1 .img {
    background: #333;
    border: 1px solid #dedede;
    height: 154px;
    width: 235px;
    margin-right: 15px;
    border-radius: 8px;
}

.articleBox .articel1 .img img {
    height: 100%;
    width: 100%;object-fit: cover;
}

.articleBox .articel1 .articelText {width: 100%}

.articleBox .articel1 .articelText .title {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

    cursor: pointer;
    display: -webkit-box;
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 500;
    margin:0 0 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.articleBox .articel1 .articelText .iiiiiiiiiiiii {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.articleBox .articel1 .articelText .types {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.articleBox .articel1 .articelText .types .deTypes {
    background: #6831e317;
    border-radius: 3px;
    color: #7563bf;
    font-size: 12px;
    font-weight: 400;
    height: 23px;
    line-height: 23px;
    text-align: center;
    padding: 0 8px;
}

.articleBox .articel1 .articelText .types .numTime {
    display: flex;
}

.articleBox .articel1 .articelText .types .numTime .lookNum,
.articleBox .articel1 .articelText .types .numTime .time {
    align-self: center;
    color: #999;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.articleBox .articel1 .articelText .types .numTime .lookNum {
    display: flex;
    margin-right: 28px;
}

.articleBox .articel1 .articelText .types .numTime .lookNum,
.articleBox .articel1 .articelText .types .numTime .time {
    align-self: center;
    color: #999;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.articleBox .articel1 .articelText .types .numTime .lookNum img,
.articleBox .articel1 .articelText .types .numTime .time img {
    align-self: center;
    height: 18px;
    margin-right: 2px;
    width: 18px;
}

@media (max-width: 1024px) {

    .article .right,
    .list .right {
        display: none;
    }

    .article .left {
        max-width: 100%;
        flex: 0 0 100%
    }

    .article .title {
        font-size: 1.35rem;
        margin-bottom: 15px;
    }

    .articleBox .articel1 .img {
        height: 84px;
        width: 135px;
    }

    .articleBox .articel1 .articelText .iiiiiiiiiiiii {
        display: none;
    }

    .articleBox .articel1 .articelText .title {
        margin-top: 0
    }
}

@media (max-width: 768px) {
    .articleBox .articel1 .img {
        height: 65px;
        width: 85px;
    }
    .articleBox .articel1{padding: 15px 0}
    .articleBox .articel1 .articelText .types{margin-top: 12px}
    .articleBox .articel1 .articelText .title {
        font-size: 1rem;
    }

    .articleBox .articel1 .articelText .types .deTypes,
    .articleBox .articel1 .articelText .types .numTime .lookNum,
    .articleBox .articel1 .articelText .types .numTime .time {
        font-size: 0.65rem;
    }
    .article .post-single-meta .badge{font-size: 0.7rem;margin:10px 15px 10px 0 ;}
    .article .post-single-time{font-size: 0.8rem;color: #666;margin-right: 10px}
}



/*产品详情*/
.minpay,.caret {width: 100%;float: left}
.carousel-inner {
    height: 650px
}

.w-100 {
    height: 100%;
    object-fit: cover;
    width: auto !important
}

.footermd8 .btn:not(:disabled):not(.disabled).active, .footermd8 .btn:not(:disabled):not(.disabled):active {
    text-decoration: none;
    outline: 0
}

.primary {
    color: #ff2c3c
}

#arcrow {
    background: #fff;
    padding: 20px;
    position: relative
}

.arc-tite {
    padding: 0 0 0 40px
}

.arc-tite h1 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px
}

.arc .banner #carouselExampleIndicators {
    padding-left: 0
}

.arc .banner #carouselExampleIndicators .carousel-inner {
    height: 420px;
    background-color: rgba(0, 0, 0, .02);
    border-radius: 12px
}

.arc .banner #carouselExampleIndicators .carousel-inner .carousel-item {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.arc .banner #carouselExampleIndicators .carousel-indicators {
    height: 80px;
    width: 100%;
    margin: 0;
    position: initial;
    justify-content: flex-start
}

.row-between {
    justify-content: space-between
}
.row-between .price{font-size: 14px;color: #444}
.arc .banner #carouselExampleIndicators .carousel-indicators li {
    height: 80px;
    width: 80px;
    border-radius: 6px
}

.arc .banner #carouselExampleIndicators .carousel-indicators li img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 6px
}

.arc .banner #carouselExampleIndicators .w-100 {
    width: 100% !important
}

.carousel-indicators .active img {
    border: 1px solid #6831e3;
    box-sizing: border-box;
    padding: 2px
}

.price-wrap {
    background: 0 0/100% #f6f6f6;
    padding: 16px;
    margin-bottom: 10px;
    width: 100%
}

.price .row.mt10, .row-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ml20 {
    margin-left: 20px
}

.mt10 {
    margin-top: 10px
}

.sales-click {
    border-bottom: 1px dashed hsla(0, 0%, 90%, .898);
    line-height: 28px;
    padding: 6px;
    margin-bottom: 15px;
    font-size: 14px
}

.muted {
    color: #999
}
.goods-btns{margin-top: 15px}
.bg-danger {
    color: #fff;
    background: #6831e3 !important;
    border: 1px solid #6831e3;
    margin-right: 10px
}
.bg-danger a{color: #fff;font-size: 14px}



.addcart {
    background: #6831e3;
    font-size: 14px;
    color: #fff!important;
    border: 1px solid #6831e3
}

@media (max-width: 1024px) {
    .minpay {
        padding-top: 50px !important
    }

    #arcrow {
        padding: 10px
    }

    .arc .banner #carouselExampleIndicators .carousel-indicators li {
        height: 60px
    }

    .arc-tite {
        padding-left: 0
    }

}







.goods-lists .goods-item .goods-image .el-image img {
    width: 100%
}
.caret  .box img{  max-width: 100% ;height: auto!important;
}

.footermd8 .btn:not(:disabled):not(.disabled).active, .footermd8 .btn:not(:disabled):not(.disabled):active {
    text-decoration: none;
    outline: 0
}

.flex {
    align-items: center;
    display: flex;
    flex-direction: row
}

.muted {
    color: #999
}

.caret {
    margin-bottom: 0
}

.caret .row {
    background-color: #fff
}

.caret .txt {
    height: 40px;
    line-height: 40px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-left: 0
}

.caret .txt span {
    padding: 10px 15px;
    font-weight: 700
}

.caret .txt span.active {
    color: #6831e3;
    border-bottom: 2px solid #6831e3
}

.caret .txt:after {
    height: 1px
}

.caret .box {
    padding: 20px 0px 0;
    margin-bottom: 30px;
    line-height: 40px;
    font-size: 16px;
    color: #333
}

.goods-lists .goods-item .goods-price {
    color: #ff2c3c;
    padding: 0 5px
}

@media (max-width: 1024px) {
    .caret .box {
        padding: 20px 0
    }
    .caret  .right .box  {padding:15px 0}

}





/*小程序*/
.section-space-less30 {
    padding: 112px 0 90px;
    width: 100%;float: left;
}

.bg-common-style {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-gray2 {
    background-color: #f2f4f5;
}

.bg-common-style {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.section-space-less30 {
    padding: 112px 0 90px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section-space-less30 {
        padding: 95px 0 72px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section-space-less30 {
        padding: 84px 0 60px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .section-space-less30 {
        padding: 65px 0 45px;
    }
}

@media (max-width: 479px) {
    .section-space-less30 {
        padding: 62px 0 38px;
    }
}

.section-title {
    margin-bottom: 60px;
    text-align: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section-title {
        margin-bottom: 55px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section-title {
        margin-bottom: 45px;
    }
}

@media only screen and (max-width: 767px) {
    .section-title {
        margin-bottom: 40px;
    }
}

.section-title h2 {
    margin-bottom: 10px;
    color: #333333;
}

.section-title h2 span {
    color: #ff9800;
}

.shape-service-layout1 {
    text-align: center;
    margin-bottom: 30px;
    background-color: #fffffd;
    padding: 30px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.shape-service-layout1:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    border-top: 50px solid #293891;
    border-left: 50px solid transparent;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.shape-service-layout1:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 50px solid #293891;
    border-right: 50px solid transparent;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.shape-service-layout1 i {
    display: block;
    text-align: center;
    color: #ff9800;
}

.shape-service-layout1 i:before {
    margin: 0;
    font-size: 50px;
}

.shape-service-layout1 h3 {
    text-align: center;
    padding-bottom: 15px;
    margin: 0;
    text-transform: uppercase;
}

.shape-service-layout1 h3 a {
    color: #333333;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.shape-service-layout1 h3 a:hover {
    color: #293891;
}

.shape-service-layout1:hover:before,
.shape-service-layout1:hover:after {
    visibility: visible;
    opacity: 1;
}

/*预约*/
.footermd8 .btn:not(:disabled):not(.disabled).active, .footermd8 .btn:not(:disabled):not(.disabled):active {
    text-decoration: none;
    outline: 0
}

@media (max-width: 1400px) {
    .container {
        max-width: 100%
    }
}

@media (max-width: 1024px) {
    .container {
        max-width: 100%
    }
}

.ordgreen {float:left;width:450px;background:#7a6ad8;height:500px;border-radius:15px;margin:40px 0px;}
.ordgreen ul {margin:40px;}
.ordgreen ul h4 {color:#FFFFFF;line-height:30px;font-size:14px;font-weight:normal;}
.ordgreen ul p{margin:40px 0px;}
.ordgreen ul p a {

    color: #7a6ad8;
    margin-right: 28px;
    font-size: 14px;
    background: #FFFFFF;
    padding: 8px 10px;
    border-radius: 5px;

}
.ordgreen ul h3{ font-size:22px; color:#fff;margin-bottom:10px;}
.ordgreen ul li{line-height:30px; height:30px; color:#fff;font-size:14px;}
.ordgreen ul p a:hover{background:#fe6602;color:#fff;}

.ordcard {margin:0 auto;overflow:hidden;width:100%;background:#fff;padding:0 36px;display: flex
;
    justify-content: space-between;}

.ordbox {width:calc(100% - 500px);float:left;margin-left:50px;margin-top: 20px}
.ordbox h4 {font-size:20px;height:72px;position:relative;line-height:72px;border-bottom:3px #F2F2F2 solid;width:100%;font-weight:normal; overflow:hidden;}
.ordbox h4 i {margin-right:10px;}
.ordbox h4:before {content:"";display:inline-block;height:3px;width:120px;background-color:#fe6602;position:absolute;top:71px;left:0px;}
.contact_des {height:18px;line-height:18px;padding-left:0px;margin-top:25px;font-size:14px;color:#999;margin-bottom:25px;}
.ordbox ul {margin-top:40px;padding-bottom:40px;width:620px;margin:0px ;}
.ordbox ul dl {display:block;padding:7px 0;font-size:16px;line-height:50px;height:50px;margin:10px 0px;}
.ordbox ul dt {float:left;line-height:50px;height:50px;width:15%;}
.ordbox ul dd {float:right;color:#666;line-height:50px;height:50px;width:85%; margin-left:0px; display: flex;align-items: center;}
.ordbox ul dd .fbi,.ordbox ul dd .fxi{width: 80px;color: #ff7800;font-size: 14px;margin-left: 10px;}
.ordbox ul dd .form-control{font-size: 14px;padding: 0 10px}
.ordbox .btn-blue {
    background: #7a6ad8;
    border: #7a6ad8 1px solid; color: #fff;

    font-size: 14px;
    width: 100px;
    line-height: 32px;
    border-radius: 4px;
}
.linebg{width: 100%;float: left}
/*分页*/
.pagebar {display:flex;justify-content:center;width: 100%;float:left ;padding: 30px 0}
.page-item.active .page-link{    background-color: #7a6ad8;
    border-color: #7a6ad8;}
.page-link{color: #7a6ad8}
.beian{display: flex;border-top: 1px dashed #eeeeee52;margin-top: 15px;
    flex-direction: row;
    justify-content: center;
    width: 100%; padding: 15px 0}
.beian a{color: #fff;font-size: 0.8rem;margin: 0 10px}
@media (max-width: 1200px) {
    .ordbox ul dd{width: 45%;float: left;}
    .ordcard{padding: 0 0px}
}
@media (max-width: 1024px) {
    .ordgreen{width: 100%}
    .ordcard{padding: 0}
    .ordgreen ul{margin: 30px 10px}
    .ordbox{width: 58%;margin: 0;padding: 0 10px;}
    .ordbox ul dd{width: 60%;float: left;}
    .ordgreen{width: 40%}
    .linebg{
        margin-top: 50px;
    }
}
@media (max-width: 768px) {

    .ordgreen{width: 100%}
    .ordbox{width: 100%;}
    .ordbox ul dd{width: 40%}
    .minpay{padding-top: 15px!important;}
    #arcrow .arc-img{padding: 0}
    .arc-tite h1{font-size: 1.2rem}
    .row-between .price{font-size: 0.875rem}
    .row-between .column-end{font-size: 1rem;min-width: 80px!important;}
    .row-between .column-end div{font-size:0.7rem!important;}
    .geit-left{display: none}
    .page-link{padding: 5px 10px;font-size: 12px;}
    .beian {
        display: flex
    ;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        padding: 15px 0 0 0;
        align-items: center;
    }
    #projects .gal-item{margin-bottom: 15px}
    .ordgreen{margin: 0px 0 20px 0}
    .linebg{margin-top: 20px}
}

.detail-tool {padding:15px 0;color: #666;font-size: 14px;background: #f6f6f6}
.detail-tool  a{margin: 0 10px}


.chat-form-kf .chat-offline {
    background-color:var(--pbmit-white-color);
    border-radius:12px;
    padding-bottom:14px;
    box-shadow:0 0 4px 1px rgb(0 0 0 / 10%);
    width:100%;
}
.chat-form-kf .chat-offline-head {

    height:52px;
    border-radius:12px 12px 0 0;
    font-size:14px;
    font-weight:600;
    color:#fff;
    line-height:52px;
    text-align:center;
    background:#6831e3 url(http://hbsjsdoss.oss-cn-zhangjiakou.aliyuncs.com/hbsjsd-img/33/20230208/offline-chat-head.png) no-repeat 0 0;
    background-size:cover;
}
.chat-form-kf .chat-offline-content {
    padding:0 14px;
}
.chat-form-kf .chat-offline-content-cpyinfo {
    line-height:20px;
    font-size:12px;
    font-weight:400;
    color:#555;
    margin:10px 0;
}
.chat-form-kf .chat-offline-content-form .aff-leave-message-container-box-message {
    margin-bottom:8px;
}
.chat-form-kf .chat-offline-content-form .aff-leave-message-container-box-message textarea {
    width:100%;
    padding:5px 10px;
    height:56px;
    font-size:12px;
    border-radius:9px;
    overflow:hidden;
    resize:none;
    border:1px solid var(--pbmit-light-color);
    outline:none;
}
.chat-form-kf .chat-offline-content-form .aff-leave-message-container-box-message input {
    width:100%;
    padding:12px;
    font-size:12px;
    border-radius:9px;
    border:1px solid var(--pbmit-light-color);
    outline:none;
}
.chat-form-kf .chat-offline-footer {
    height:40px;
    background:#6831e3;
    border-radius:6px;
    line-height:40px;
    text-align:center;
    width:60%;
    margin:14px auto 0;
    color:#fff;
    font-size:14px;
}
.chat-form-kf .rgkf {
    display:none
}
.chat-form-kf .icon {
    display:flex;
    position:relative;
    bottom:0;
    width:40%;
    float:left;
    left:10px;
}
.chat-form-kf .icon div {
    margin:0 5px;
    width:30px;
    height:30px;
}
.chat-form-kf .icon .icon-img {
    background:url(http://hbsjsdoss.oss-cn-zhangjiakou.aliyuncs.com/hbsjsd-img/33/20230209/oolbar_photo.59c108b.png) no-repeat 50%!important;
    position:relative;
    background-size:20px!important;
}
.chat-form-kf .icon  input {
    position:absolute;
    left:0;
    top:0;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
    width:30px;
    height:30px;
}
.chat-form-kf .icon .icon-file {
    background:url(http://hbsjsdoss.oss-cn-zhangjiakou.aliyuncs.com/hbsjsd-img/33/20230209/toolbar_file.063c3e3.png) no-repeat 50%!important;
    position:relative;
    background-size:20px!important;
}
.nav-here .getPrice {
    align-self:center;
    background:var(--pbmit-white-color);
    border-radius:14px;
    color:var(--pbmit-white-color);
    cursor:pointer;
    text-align:center;
    font-size:0.7rem;
    position:relative;
    right:61px;
    padding:1px 7px;
    top:0px;
}
.ui-to-top.active {
    transform:translate3d(0,0,0);
    border-top:1px solid #6831e3;
}
.ui-to-top {
    position:fixed;
    right:15px;
    bottom:65px;
    z-index:99;
    width:50px;
    height:50px;
    font-size:20px;
    line-height:46px;
    color:#fff;
    background:#6831e3;
    overflow:hidden;
    text-align:center;
    text-decoration:none;
    transition:.45s all ease-in-out;
    transform:translate3d(0,100px,0);
    box-shadow:0px 0px 12px 0px rgba(0,0,0,0.2);
}
#kf {
    bottom:215px
}
#kf i,.ui-to-top i{font-size: 20px}
#kf img {
    width:70%;
    -webkit-animation:wobble 550ms infinite;
    animation:wobble 550ms infinite;
}
.chat-form-kf ::placeholder{color:#666;opacity:1}


/**/
.contact-pop {
    position: fixed;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    z-index: 100;
    width: 490px;
    padding-bottom: 30px;
    background-color: rgba(4, 14, 53, .8);
    display: none;
}

.contact-pop-top {
    padding: 20px 0 15px;
    position: relative;
}

.contact-pop-close {
    position: absolute;
    width: 40px;
    height: 60px;
    right: 0;
    top: 0;
    background: url(https://s.300.cn/attach/style/v4.0/home/images/special/co/contact-pop-close.png) no-repeat center;
}

.contact-pop-form {
    margin: 0 15px;
    padding: 0 30px 30px;
    border-bottom: 1px dashed rgba(255, 255, 255, .4);
    font-size: 0;
}

.contact-pop-form img {
    height: 38px;
    vertical-align: middle;
}


.contact-pop-form label {
    color: #fff;
    margin-right: 10px;
    font-size: 14px;
    vertical-align: middle;
}

.contact-pop-form input {
    vertical-align: middle;
    border: none;
    width: 205px;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    padding: 0 10px;
    margin-right: 10px;
    background-color: #fff;
    font-size: 14px;
}

.contact-pop-form .verify-input {
    width: 102px;
    margin: 10px 0 0 80px;
}

.contact-pop-form .submit {
    vertical-align: middle;
    height: 38px;
    border: none;
    background-color: #FFE32A;
    color: #333;
    cursor: pointer;
    padding: 0 10px;
}

.contact-pop-form-item {
    justify-content: flex-start;
}

.contact-pop-form-item.bottom {
    padding-left: 80px;
    margin-top: 10px;
}

.contact-pop-form .contact-pop-form-verify-input {
    width: 60px;
    text-align: center;
}

.contact-pop-form .contact-pop-form-verify-pic {
    margin-right: 10px;
}

.is_verify_on .contact-pop-form-item .phoneNumber {
    margin: 0;
    width: 272px;
}

.workTime-pop {
    width: 584px;
    height: 383px;
    background-color: rgba(4, 14, 53, .9);
}

.workTime-pop .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: none;
}

.workTime-pop .contact-pop-close {
    right: 10px;
}

.workTime-pop .people {
    width: 180px;

    position: absolute;
    top: 31px;
    right: 30px;

}

.workTime-pop .title {
    position: absolute;
    font-size: 22px;
    font-weight: 400;
    color: #FFFEFE;
    line-height: 36px;
    left: 47px;
    top: 49px;
    text-align: left;
    margin-top: 0;
}

.workTime-pop .contact-pop-form {
    border: 0;
    padding: 0;
    margin: 0;
}

.workTime-pop .phoneKey {
    font-size: 18px;
    font-weight: 500;
    color: #FFCE66;
    line-height: 38px;
    position: absolute;
    left: 47px;
    top: 152px;
}

.workTime-pop .phoneValue {
    position: absolute;
    top: 156px;
    left: 135px;
    height: 32px;
    color: #e2b861;
    font-size: 24px;
    line-height: 28px;
    border-bottom: 1px solid #e2b861;
    font-weight: bold;
}

.workTime-pop .tip {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1;
    position: absolute;
    left: 47px;
    top: 206px;
}

.workTime-pop .bottom {
    position: absolute;
    left: 47px;
    right: 28px;
    bottom: 6px;
    height: 140px;
}

.workTime-pop .bottom .right {
    position: absolute;
    right: 0;
    top: 0;
    height: 120px;
    width: 108px;
}

.workTime-pop .bottom .right .line {
    position: absolute;
    width: 0;
    left: 0;
    border: 2px dashed transparent;
    border-left-color: #009688c4;
}

.workTime-pop .bottom .right .line1 {
    height: 10%;
    top: 0;
    opacity: 0.4;
}

.workTime-pop .bottom .right .line2 {
    height: 10%;
    top: 10%;
    opacity: 0.6;
}

.workTime-pop .bottom .right .line3 {
    top: 20%;
    height: 60%;
    opacity: 1;
}

.workTime-pop .bottom .right .line4 {
    height: 10%;
    bottom: 10%;
    opacity: 0.6;
}

.workTime-pop .bottom .right .line5 {
    height: 10%;
    bottom: 0;
    opacity: 0.4;
}

.workTime-pop .bottom .right .icon-avatar {
    width: 66px;
    height: 66px;
    position: absolute;
    top: 0;
    left: 23px;
    color: #fff;
    background:linear-gradient(-90deg, #0FCDB1 0%, #02B1C6 100%);
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.workTime-pop .bottom .right .button {
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #02B1C6;
    line-height: 1;
    position: absolute;
    top: 85px;
    left: 23px;
}

.workTime-pop .bottom .left {
    left: 0;
    width: 370px;
    height: 120px;
    position: absolute;
    overflow: hidden;
}

.workTime-pop .contact-pop-form-item {
    padding: 0;
    margin: 0;
    display: block;
    position: static;
}

.workTime-pop .contact-pop-form-item label {
    display: none;
}

.workTime-pop .contact-pop-form-item .phoneNumber,
.workTime-pop .contact-pop-form .phoneNumber {
    display: block;
    width: 370px;
    height: 48px;
    background: transparent;
    color: #fff;
    border: 1px solid #20B09F;
    outline: 0;
    font-size: 14px;
}

.workTime-pop .contact-pop-form .phoneNumber {
    width: 260px;
    margin: 0;
    margin-right: 10px;
}

.workTime-pop .contact-pop-form #mycall_input {
    width: 370px;
}

.workTime-pop .contact-pop-form .verify_image {
    height: 46px;
    right: 1px;
    top: 1px;
    position: absolute;
    width: 90px;
}

.workTime-pop .contact-pop-form-item #mycall_submit,
.workTime-pop .contact-pop-form .submit {
    width: 260px;
    height: 50px;
    margin-top: 18px;
    color: #fff!important;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: transparent;
    position: relative;
    background: linear-gradient(-90deg, #0FCDB1 0%, #02B1C6 100%);
}

/*.workTime-pop .contact-pop-form-item ::before {*/
    /*color: #FFFFFF;*/
    /*content: "预约顾问";*/
    /*display: block;*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*margin-left: -32px;*/
/*}*/

.workTime-pop .contact-pop-form .inputWrap {
    width: 370px;
    height: 50px;
    display: flex;
    position: relative;
}

.workTime-pop .contact-pop-form .mr0 {
    margin-right: 0;
}

.workTime-pop .contact-pop-form .inputWrap::before {
    display: none;
}

/*.workTime-pop .contact-pop-form ::before {*/
    /*color: #FFFFFF;*/
    /*content: "预约顾问";*/
    /*display: block;*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*margin-left: -32px;*/
/*}*/

.workTime-pop input:-moz-placeholder {
    color: #ccc;
}

.workTime-pop input::-moz-placeholder {
    color: #ccc;
}

.workTime-pop input:-ms-input-placeholder {
    color: #ccc;
}
@media(max-width: 576px) {
    .workTime-pop{width: 100%;transform: translate(-50%, 0%);height: 120px;top:auto;bottom: 0}
    .workTime-pop .bottom .right{display: none}

    .workTime-pop .title{display: none}
    .workTime-pop .phoneKey,.workTime-pop .phoneValue{display: none}
    .workTime-pop .people{display: none}
    .workTime-pop .contact-pop-form-item #mycall_submit, .workTime-pop .contact-pop-form .submit{width: 80px;margin-top:0;        color: #fff;
        font-size: 0.875rem;}
    .workTime-pop .contact-pop-form{display: flex;align-items: center;}
    .workTime-pop .contact-pop-form .inputWrap{width: 200px}
    .workTime-pop .bottom{height: 80px;}


    .pagination li{display: none}
    .pagination :nth-child(1) , .pagination :nth-child(2) {
        display: block;float: left;
    }

    /* 获取倒数第二个子元素的样式 */
    .pagination :nth-last-child(1),.pagination :nth-last-child(2) {
        display: block;float: left;
    }
}

#news9 .owl-wrapper-outer{overflow: inherit!important;}





.minsoft .all-title {
    text-align: center;
}

.minsoft .all-title .all-t1 {
    font-size: 26px;
    color: #444;
    font-family: "微软雅黑";
}

.minsoft .all-title .all-t2 {
    font-family: "arial";
    color: #858585;
    padding: 10px 0;
}

.minsoft{display: flex;
    flex-direction: column;
    justify-content: center;}
.minsoft .box {padding-top: 90px;}

.minsoft .server-item {
    text-align: center;
    padding: 90px 10px;
    border-right: solid 1px #F7F1E5;
    position: relative;
    overflow: hidden;
    transition: 0.6s all;
    -webkit-transition: 0.6s all;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    z-index: 2;
}

.minsoft .server-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #DBB866;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -90deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -90deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s, background-color 0.6s;
    transition: transform 0.6s, opacity 0.6s, background-color 0.6s;
}

.minsoft .server-item span {
    display: block;
    background: #fff;
    position: absolute;
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
}

.minsoft .server-item .line-left {
    width: 30px;
    height: 1px;
    margin-left: -15px;
    bottom: 43px;
    left: -50px;
}

.minsoft .server-item .line-right {
    width: 1px;
    height: 30px;
    bottom: -30px;
    left: 50%;
}

.minsoft .server-item .item-tit {
    color: #4c4c4c;
}

.minsoft .server-item .tit-t1 {
    font-size: 18px;
}

.minsoft .server-item .tit-t2 {
    font-family: arial;
}

.minsoft .server-item .item-txt {
    margin-top: 20px;
    font-size: 12px;
    color: #A3A3A3;
}

.minsoft .server-item:hover .item-tit,
.minsoft .server-item:hover .item-txt {
    color: #fff;
}

.minsoft .server-item:hover::before {
    opacity: 1;
    background: #6831e3;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.minsoft .server-item:hover .line-left,
.minsoft .server-item:hover .line-right {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
}

.minsoft .server-item:hover .line-left {
    left: 50%;
}

.minsoft .server-item:hover .line-right {
    bottom: 30px;
}

.minsoft {padding: 80px 0;width: 100%;float: left}

.minsoft .wow{padding: 0}

/**/
.search-input{position: relative;}
.search-cla{
    display: none;
    position: absolute;
    background: #6253b3a3;
    width: 100%;
    min-width: 220px;
    z-index: 999;
    border-radius: 20px 20px;
}
.search-cla ul{display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 15px;
    line-height: 30px;}
.search-cla ul a{font-size: 0.8rem;color: #fff!important;}
.search-cla ul li .k{background: #666;color: #fff;padding: 0 5px;border-radius: 5px;
    margin-right: 5px;}
.search-cla ul li:nth-child(1) .k{background: #FC877A;}
.search-cla ul li:nth-child(2) .k{background: #FAB759;}
.search-cla ul li:nth-child(3) .k{background: #A1DD62;}
@media (max-width: 1024px){
    .minsoft {padding: 40px 0;}
    .minsoft .server-item{border-bottom: solid 1px #F7F1E5;}

}
@media (max-width: 768px){
    .minsoft .server-item{padding: 30px 10px;}
    .minsoft  .box{padding-top: 35px;}
    .minsoft .server-item .item-txt{font-size: 0.75rem;}
}